<template>
  <button
    v-waves
    :class="[
      type ? `pan-btn ${type}-btn` : 'pan-btn blue-btn',
      size ? 'c-button-' + size : '',
    ]"
  >
    <i v-if="icon" :class="icon" />
    <slot />
  </button>
</template>
<script>
export default {
  props: {
    type: {
      type: String,
      default: '' // 类型见src/styles/variables.scss变量 base color
    },
    // eslint-disable-next-line vue/require-default-prop
    size: String,
    icon: {
      type: String,
      default: ''
    }
  }
}
</script>
<style lang="scss" scoped>
.c-button-mini{
  padding: 7px 15px !important;
  font-size: 12px !important;
}
.c-button-small{
  padding: 9px 15px !important;
  font-size: 12px !important;
}
.c-button-medium{
  padding: 10px 20px !important;
  font-size: 14px !important;
}
</style>
